"use strict"

const Login = {
  data() {
    return {
      username: "",
      password: "",
      keepLogin: false // TODO：保持登录改为true，默认选中。
    }
  },
  methods: {
    login: function(){
      console.log(`usr=|${this.username}|`);
      console.log(`pwd=|todo|`); // TODO：仿照上面的语法，把密码也输出。（生产环境不要这样做！）
      if(this.username == ""){
        console.log("error: username is empty.");
        alert("请输入帐号。");
        // TODO：添加return false，校验失败不用继续。
      } // TODO：修正校验逻辑：帐号和密码都没填时，不要都提示，只提示帐号。
      if(false){ // TODO：如password为空，提示"请输入密码。"
        console.log("error: password is empty.");
        alert("todo");
        return false;
      }

      axios.get(`todo.json?tms=${new Date().getTime()}`) // TODO：设定URL为login.json
        .then(function (rsp) { // 处理成功情况
          console.log(rsp);
          if(rsp.data.err != 0){
            console.log("error: login failed. " + rsp.data.msg);
            alert(rsp.data.msg);
          }else{
            alert("登录成功。");
          }
        })
        .catch(function (error) { // 处理错误情况
          console.log(error);
        })
        .then(function () { // 总是会执行
        });

      return false;
    }
  },
}

Vue.createApp(Login).mount('#todo'); // TODO：id改成"app"
